<template>
    <div>
        <h2> 这是 account 组件  的 内容 ～～～</h2>

        <router-link to="/account/login"> 点击 显示 login </router-link>
        <router-link to="/account/register"> 点击 显示 REGISTER </router-link>
        <transition mode="out-in">
            <router-view></router-view>
        </transition>

    </div>
</template>

<script>
export default {
    
}
</script>

<style>

.v-enter,.v-leave-to{
        opacity: 0;
        transform: translateX(200px);
    }
    .v-enter-active,.v-leave-active{
        transition: all .5;
    }
    .v-move{
        transition: all .5s;
    }
    .v-leave-to{
        position: absolute;
    }

</style>>
